<template>
  <HModal title="新建关系" :visible="visible" @cancel="close">
    <div style="padding: 60px 0; display: flex; align-items: center; justify-content: space-around">
      <a-button type="primary" shape="round" style="width: 210px;">新建触发</a-button>
      <a-button type="primary" shape="round" style="width: 210px;" @click="addNewRelation">新建关联</a-button>
    </div>
    <template slot="footer">
      <span></span>
    </template>
  </HModal>
</template>
<script>
import HModal from '@comp/hhd/HModal/HModal.vue';

export default {
  name: 'AddRelationModal',
  components: {
    HModal
  },
  data() {
    return {
      visible: false,
    };
  },
  methods: {
    addNewRelation() {
      this.$emit('addNewRelation')
      this.close();
    },
    open() {
      this.visible = true;
    },
    close() {
      this.visible = false;
    },
  }
};
</script>